


<link rel="stylesheet" type="text/css" href="./css/jquery-ui-1.8.2.custom.css">
<script type="text/javascript" src="./js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript">
            $(function(){
                
                // jQuery UI Dialog    
                        
                $('#dialog').dialog({
                    autoOpen: false,
                    width: 400,
                    modal: true,
                    resizable: false,
                    buttons: {
                        "Submit Form": function() {
                            document.fancy.submit();
                        },
                        "Cancel": function() {
                            $(this).dialog("close");
                        }
                    }
                });
                
                $('form#fancy').submit(function(){
                    $('#dialog').dialog('open');
                    return false;
                });
                
                
            
                
            });
</script>



<form id="fancy" name="fancy" method="post">
<input type="submit" value="Submit" />
</form>


<div id="dialog" title="Verify Form jQuery UI Style"><p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 0 0;"></span> You entered your e-mail address as:</p><p id="dialog-email"></p><p>
If this is correct, click Submit Form.</p><p>To edit, click Cancel.<p></div>



